<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Enoupps Business Oriented HTML Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="fonts/font-awesome-4/css/font-awesome.min.css">
<link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet">

  <link rel="stylesheet" type="text/css" href="js/jquery.niftymodals/css/component.css" />  

<!--For Menu-->


<!-- hello world, i am john -->

</head>
<body>
	<button class="btn btn-success btn-flat md-trigger" data-modal="form-green">Dark Form</button>

	<div class="md-modal md-dark success custom-width md-effect-9" id="form-green">
                    <div class="md-content">
                      <div class="modal-header">
                        <h3>Form Modal</h3>
                        <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                      </div>
                      <div class="modal-body form">
                        <div class="text-center">
                          <h5>Ready to publish your site to the web? Awesome! Use Twitter, Facebook, or your email to save your site. You can always make edits to your site later.</h5>
                        </div>

                        <div class="form-group spacer2">
                          <label>Email address</label> <input type="email" class="form-control" placeholder="username@example.com">
                        </div>
                        <div class="form-group">
                          <label>Your name</label> <input type="name" class="form-control" placeholder="John Doe">
                        </div>
                        
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-success btn-flat md-close" data-dismiss="modal">Proceed</button>
                      </div>
                    </div>
                </div>
     <script src="js/jquery.js"></script>




 

	

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
  <script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
   
<script src="js/jquery.niftymodals/js/jquery.modalEffects.js"></script>

  
</body>
</html>